@import models.reply.ReplyListTree
@(uid:Long,name:String,replyListTree: Seq[ReplyListTree])
  @import java.text.SimpleDateFormat
<div class="blogbody" id="blogbody">

  <h1>留言板(@replyListTree.length)<sup>V2015</sup></h1>

  <div id="article_comment" class="article_comment">
    @for(i <- replyListTree.indices) {
      <div id="comment_body" class="comment_body">
        <div> @(i + 1)#&nbsp;&nbsp;<a href="/blog/user/article/@replyListTree(i).reply.uid.getOrElse(0)" @if(replyListTree(i).reply.uid == Option(0L)){ onclick="return false;" }>@replyListTree(i).reply.name</a> &nbsp;：</div>
          &nbsp;&nbsp;&nbsp;&nbsp; @Html(replyListTree(i).reply.content.getOrElse(""))
        <br>
        <div>@(new SimpleDateFormat("yyyy-MM-dd HH:mm").format(replyListTree(i).reply.inittime.get * 1000L)) &nbsp;&nbsp;
        <a href="#comment" onclick="ClieckReply(@replyListTree(i).reply.rid.getOrElse(0),'@replyListTree(i).reply.name');">回复</a> &nbsp;|&nbsp;
        <a  href="javascript:" onclick="reply_smile_numfun(@replyListTree(i).reply.rid.getOrElse(0),'reply_smile_num@replyListTree(i).reply.rid.getOrElse(0)')">赞(<span id="reply_smile_num@replyListTree(i).reply.rid.getOrElse(0)">@replyListTree(i).reply.smile.getOrElse(0)</span>)</a>
        <div style="border-bottom : 1px dashed #000000 ; margin-top : 10px ;"></div>
        </div>


          @for(replyChild <- replyListTree(i).tree) {

            <div id="comment_footer" class="comment_footer">

              <div>
                <a href="/blog/user/article/@replyChild.uid.getOrElse(0)" @if(replyChild.uid == Option(0L)){ onclick="return false;"} >@replyChild.name</a> &nbsp;回复&nbsp;
                @*<a href="#">@controllers.Service.findReply2MessageUName(queryMessageReplyChildList(j).quote.get)</a>：*@
                <a href="/blog/user/article/@replyListTree(i).queryReply.filter(_.rid == replyChild.quote).head.uid.getOrElse(0)" @if(replyListTree(i).reply.uid == Option(0L)){ onclick="return false;"} >@replyListTree(i).queryReply.filter(_.rid == replyChild.quote).head.name</a>：
              </div>
                &nbsp;&nbsp;&nbsp;&nbsp; @Html(replyChild.content.getOrElse(""))
              <div>@(new SimpleDateFormat("yyyy-MM-dd HH:mm").format(replyChild.inittime.get * 1000L)) &nbsp;&nbsp;
              <a href="#comment" onclick="ClieckReply(@replyChild.rid.getOrElse(0),'@replyChild.name')">回复</a> &nbsp;|&nbsp;
              <a href="javascript:" onclick="reply_smile_numfun(@replyChild.rid.getOrElse(0),'reply_smile_num_child@replyChild.rid.getOrElse(0)')">赞(<span id="reply_smile_num_child@replyChild.rid.getOrElse(0)">@replyChild.smile.getOrElse(0)</span>)</a>
              </div>
              <div style="border-bottom : 1px dashed #000000 ; margin-top : 10px ;"></div>
            </div>
          }

      </div>
    }
  </div>

    <!-- 发表评论 -->
  <br/>
  <div id="commentform">

    <div class='login_info' @if(uid == 0) {
      style="display:none;"} ><b>发表评论</b></div>

    <div class='login_info' @if(uid != 0) {
      style="display:none;"} > 还没有登陆？可以登录后再评论哦。
      <b><a href="javascript:" onclick="toLogin()">&raquo;去登录</a>&nbsp;
        <a href="javascript:" onclick="toLogin()">&raquo;去注册</a>&nbsp;
        <span id="qqLoginBtn"><a href="javascript:;" onclick="return window.open('https://graph.qq.com/oauth2.0/authorize?client_id=101253933&amp;response_type=token&amp;scope=all&amp;redirect_uri=http%3A%2F%2Fxjpz.me%2Fblog%2Ftest%2Fqcback', 'oauth2Login_10984' ,'height=525,width=585, toolbar=no, menubar=no, scrollbars=no, status=no, location=yes, resizable=yes');">
          <img src="@routes.Assets.versioned("images/Connect_logo_7.png")" alt="QQ登录" border="0"></a></span>
      </b>
    </div>

    <form action="@routes.Reply2MsgController.initReply2Message()" method="post" id="commentform">

      <p><label for="author">用户:</label>
        <input type="text" name="name" id="author" @if(uid != 0) {
          value="@name" readonly="readonly"
        } else {
          value=""
        } size="25" tabindex="1" class="comment_input" required/> * </p>

      <div @if(uid != 0) {
        style="display: none;" }>
        <p><label for="email">邮箱:</label>
          <input @if(uid != 0) {
            type="hidden"
          } else {
            type="email"
          } name="email" id="email" value="" size="25" tabindex="2" class="comment_input" required/> * </p>

        <p><label for="url">网址:</label>
          <input @if(uid != 0) {
            type="hidden"
          } else {
            type="text"
          } name="url" id="url" value="" size="25" tabindex="3" class="comment_input" />
        </p>

        <p><label for="url">验证码:</label>
          <input @if(uid != 0) {
            type="hidden"
          } else {
            type="text"
          } name="captcha" id="captcha" value="" size="3" tabindex="3" class="comment_input" required onfocus="showMenu();changeFlag(true);" onblur="changeFlag(false);hideMenu();" onclick="showMenu();" />&nbsp;&nbsp;<a href="javascript:_rvi();document.getElementById('captcha').focus();">换一个</a> *
        </p>
        <div id="f_vcode_menu" style="position: absolute; z-index: 301; left: 559.75px; top: 2122.33px; display: none;"><img id="img_vcode" align="absmiddle" alt="..." src="/captcha/new" style="border:1px solid #ccc;"> <br>
        </div>
        <script>
                                        groupFlag = false;
                                        function changeFlag(flag){
                                          groupFlag = flag;
                                        }
                                        function showMenu(){
                                          var left = $("#captcha").position().left;
                                          var top = $("#captcha").position().top - 40;

                                          $("#f_vcode_menu").css({"left":left,"top":top});
                                          if($("#f_vcode_menu img").size() == 0){
                                            $("#f_vcode_menu").prepend('<img id="img_vcode" align="absmiddle" alt="..." src="/captcha/new" style="border:1px solid #ccc;"/> <br/>');
                                          }
                                          $("#f_vcode_menu").show();
                                        }
                                        function hideMenu(){
                                          if(!groupFlag)
                                            $("#f_vcode_menu").hide();
                                        }

                                        function _rvi(){document.getElementById('img_vcode').src = '/captcha/new?t='+Math.random(1000);}

                                </script>


      </div>

      <p><textarea name="content" id="comment" cols="25" rows="5" tabindex="4" class="message_input" required ></textarea></p>

      <p>&nbsp;<input name="submit" type="submit" id="submit" tabindex="5" value="发表评论" class="button" /></p>
      <input type="hidden" name="comment_post_ID" value="542" />

      <p style="display : none ;"><input type="hidden" id="akismet_comment_nonce" name="akismet_comment_nonce" value="999f94e7bf" /></p>
      <p><input type="hidden" id="ak_js" name="aid" value="0" /></p>
      <p><input type="hidden" id="ak_js" name="quote" value="0" /></p>
      <p><input type="hidden" id="ak_js" name="uid" value="@uid" /></p>

    </form>

  </div>

</div>